<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Xenon Boostrap Admin Panel" />
	<meta name="author" content="" />
	
	<title>DISTRA-MIT</title>

	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
	<link rel="stylesheet" href="../../assets/css/fonts/linecons/css/linecons.css">
	<link rel="stylesheet" href="../../assets/css/fonts/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../assets/css/bootstrap-mod.css">
	<link rel="stylesheet" href="../../assets/css/xenon-core.css">
	<link rel="stylesheet" href="../../assets/css/xenon-forms.css">
	<link rel="stylesheet" href="../../assets/css/xenon-components.css">
	<link rel="stylesheet" href="../../assets/css/xenon-skins.css">
	<link rel="stylesheet" href="../../assets/css/custom.css">

	<script src="../../assets/js/jquery-1.11.1.min.js"></script>
	<script>
		var myArrayForModalMenu =[];
		
		function rejectTrainingRequest(count){
			if($("#cvDocumentError").is(":checked")){
				$("#cvDocumentError").click();
			}
			if($("#esDocumentError").is(":checked")){
				$("#esDocumentError").click();
			}
			if($("#cfuNotFoundError").is(":checked")){
				$("#cfuNotFoundError").click();
			}
			$("#textareaDescriptionError").val("");
			$("#serialNumberModalForReject").val(myArrayForModalMenu[count]);
			$("#nameANDsurnameModalForReject").val(myArrayForModalMenu[count]);
			jQuery('#modalGestioneTirocinioANDPlacementAmministratore').modal('show', {backdrop: 'static'});
		}
		
		function acceptTrainingRequest(idRequest){
			$("#changeRequestTrainingForComplete_"+idRequest).html("");
			$("#changeRequestTrainingForComplete_"+idRequest).html("<button id='complete_"+idRequest+"' class='btn btn-sm btn-icon btn-blue' onClick=completeTrainingRequest("+idRequest+")>Concluso</button>");
			localStorage.setItem("completo_"+idRequest,idRequest);
		}
		function completeTrainingRequest(idComplete){
			alert(idComplete+" è completo");
		}
		
		jQuery(document).ready(function($){
			$("#tableNotifications tbody").empty();
			for(var i = 0; i < 10; i++){
				myArrayForModalMenu[i] = i;
				var stringToAppend_tmp = "";
				if(localStorage.getItem("completo_"+i)!=i){
					stringToAppend_tmp = "<tr><td>"+i+"</td><td>"+i+"</td><td>"+i+"</td><td>"+i+"</td><td>"+i+"</td><td>";
					stringToAppend_tmp = stringToAppend_tmp + '<span id="changeRequestTrainingForComplete_'+i+'"><button id="accept'+i+'" class="btn btn-sm btn-icon btn-secondary" onClick=acceptTrainingRequest('+i+')>Accetta</button>';
					stringToAppend_tmp = stringToAppend_tmp + "<button id='reject_"+i+"' class='btn btn-sm btn-icon btn-red' onClick=rejectTrainingRequest("+i+")>Rifiuta</button></span></td></tr>";
				}else{
					stringToAppend_tmp = "<tr><td>"+i+"</td><td>"+i+"</td><td>"+i+"</td><td>"+i+"</td><td>"+i+"</td><td>";
					stringToAppend_tmp = stringToAppend_tmp + '<span id="changeRequestTrainingForComplete_'+i+'"><button id="complete_'+i+'" class="btn btn-sm btn-icon" onClick=completeTrainingRequest('+i+') style="background-color:#38548f; color:white;">Concluso</button></span></td></tr>';
				}
				$("#tableNotifications").append(stringToAppend_tmp);
			}
			
			/*bisogna metterla in ogni pagina*/
			$(window).on('beforeunload',function(e) {
				if(localStorage.getItem("rememberMeForLogin")=="no"){
					localStorage.removeItem("username");
					localStorage.removeItem("typology");
					localStorage.removeItem("primaryKey");
						
					localStorage.removeItem("offertaFormativa");
					localStorage.removeItem("gestioneTesi");
					localStorage.removeItem("gestioneTirocinio");
					localStorage.removeItem("dottorato");
					localStorage.removeItem("superAmministratore");
					window.location.href="index.html";
				}
			});
			
			//quì ci vanno gli ID delle funzionalità che verranno messe all interno del menù laterale...basta copiare una riga e incollarla,
			//facendo attenzione a cambiare l'ID
			//Es: $("pippopaperino_"+localStorage.getItem("offertaFormativa")).empty();
			//ovviamente la localStorage cambia a seconda se si sta nella pagina di offerta formativa, gestione tesi, ecc...
			$("#funzionalita1Permission_"+localStorage.getItem("gestioneTirocinio")).empty();	
			$("#funzionalita3Permission_"+localStorage.getItem("gestioneTirocinio")).empty();				
			
			/*if(localStorage.getItem("username")==null){
				window.location.replace("pageError.html");
			}*/
			
			$("#spaceForUsername").html(localStorage.getItem("username")+' <i class="fa-angle-down"></i>');
			
			$("#logout").click(function(){
				localStorage.removeItem("username");
				localStorage.removeItem("typology");
				localStorage.removeItem("primaryKey");
				window.location.href="index.html";
				
				localStorage.removeItem("offertaFormativa");
				localStorage.removeItem("gestioneTesi");
				localStorage.removeItem("gestioneTirocinio");
				localStorage.removeItem("dottorato");
				localStorage.removeItem("superAmministratore");
				
			});
		});
	</script>

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	
	
</head>
<body class="page-body">

	<nav class="navbar horizontal-menu navbar-fixed-top"><!-- set fixed position by adding class "navbar-fixed-top" -->
		
		<div class="navbar-inner">
		
			<!-- Navbar Brand -->
			<div class="navbar-brand">
				<a href="offertaFormativaStudente.html" class="logo">
					<img src="../../assets/images/mitforsite.png" width="80" alt="" class="hidden-xs" />
					<img src="../../assets/images/mitforsitemini.png" width="80" alt="" class="visible-xs" />
				</a>
			</div>
				
			<!-- Mobile Toggles Links -->
			<div class="nav navbar-mobile">
			
				<!-- This will toggle the mobile menu and will be visible only on mobile devices -->
				<div class="mobile-menu-toggle">
					
					<a href="#" data-toggle="user-info-menu-horizontal">
						<i class="fa-key"></i>
					</a>
					
					<a href="#" data-toggle="mobile-menu-horizontal">
						<i class="fa-bars"></i>
					</a>
				</div>
			</div>
			
			<div class="navbar-mobile-clear"></div>
			
			<!-- main menu -->
					
			<ul class="navbar-nav">
				<li>
					<a href="offertaFormativaAmministratore.html">
						<i class="linecons-desktop"></i>
						<span class="title">Offerta Formativa</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="linecons-graduation-cap"></i>
						<span class="title">Gestione Tesi</span>
					</a>
				</li>
				<li class="opened active">
					<a href="gestioneTirocinio&PlacementAmministratore.html">
						<i class="linecons-megaphone"></i>
						<span class="title">Gestione Tirocinio</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="linecons-lightbulb"></i>
						<span class="title">Dottorato</span>
					</a>
				</li>
                <li>
				    <a href="#">
				        <i class="linecons-globe"></i>
						<span class="title">Links</span>
					</a>
					<ul>
						<li>
							<a href="http://www.magistralemit.unisa.it/" target="_blank">
								<span class="title">DISTRA-MIT</span>
							</a>
						</li>
						<li>
							<a href="https://esse3web.unisa.it/unisa/Start.do" target="_blank">
								<span class="title">Esse3</span>
							</a>
						</li>
					</ul>
                </li>
			</ul>
			<!-- notifications and other links -->
			<ul class="nav nav-userinfo navbar-right">
                <li class="dropdown user-profile">
					<a href="#" data-toggle="dropdown">
						<img src="../../assets/images/user-1.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" />
						<span id="spaceForUsername">
						</span>
					</a>
					
					<ul class="dropdown-menu user-profile-menu list-unstyled">
						<li>
							<a href="#">
								<i class="fa-edit"></i>
								Profilo
							</a>
						</li>
						<li class="last">
							<a href="#" id="logout">
								<i class="fa-lock"></i>
								Logout
							</a>
						</li>
					</ul>
				</li>
			</ul>
	
		</div>
		
	</nav>
	<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
			
		<!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
		<!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
		<!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
		<div class="sidebar-menu toggle-others">
			<div class="sidebar-menu-inner">	
				<ul id="main-menu" class="main-menu">
					<!-- add class "multiple-expanded" to allow multiple submenus to open -->
					<!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
					<li class="opened active">
						<a href="gestioneTirocinio&PlacementAmministratore.html">
							<i class="linecons-cog"></i>
							<span class="title">Home</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="main-content">
					
			<script>
				jQuery(document).ready(function($){
					$('a[href="#layout-variants"]').on('click', function(ev)
					{
						ev.preventDefault();
						
						var win = {top: $(window).scrollTop(), toTop: $("#layout-variants").offset().top - 15};
						
						TweenLite.to(win, .3, {top: win.toTop, roundProps: ["top"], ease: Sine.easeInOut, onUpdate: function()
							{
								$(window).scrollTop(win.top);
							}
						});
					});
				});
			</script>
			
			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">Modulo online del Progetto Formativo (PF)</h3>
						</div>
						<div class="panel-body">
							<form role="form" class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-3 control-label" for="studentNameANDSurnameForPFModule">Tirocinante (Cognome - Nome)</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="studentNameANDSurnameForPFModule">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label" for="studentBornForPFModule">Nato a</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="studentBornForPFModule">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label" for="studentDateOfBirthForPFModule">Il</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="studentDateOfBirthForPFModule">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label" for="studentResidentInForPFModule">Residente in</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="studentResidentInForPFModule">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label" for="studentCodiceFiscaleForPFModule">Codice Fiscale</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="studentCodiceFiscaleForPFModule">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label" for="studentDegreeForPFModule">Corso di Diploma/laurea in</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" id="studentDegreeForPFModule">
									</div>
								</div>
								<div class="form-group-separator"></div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Attuale condizione (barrare la casella)</label>
									<div class="col-sm-9">
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Studente scuola secondaria superiore
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Universitaria
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Frequentante corso post-diploma
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Frequentante corso post-laurea
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Allievo della formazione professionale
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Disoccupato/in mobilità
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox">
												Inoccupato
											</label>
										</div>
									</div>
								</div>
								<div class="form-group-separator"></div>
								<div class="form-group">
									<label class="col-sm-3 control-label">(barrare se trattasi di soggetto portatore di Handicap)</label>
									<div class="col-sm-9">
										<div class="radio">
											<label>
												<input type="radio" name="radio-1">
												Si
											</label>
											<label>
												<input type="radio" name="radio-1">
												No
											</label>
										</div>
									</div>
								</div>
								<div class="form-group-separator"></div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Azienda/Ente ospitante:">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Sede del Tirocinio (stabilimento/reparto/ufficio):">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Tempi di accesso ai locali aziendali:">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Periodo di tirocinio (max 12 mesi)</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="n° mesi - dal gg/mm/aa - al gg/mm/aa">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Tutor accademico:">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Tutor azienda/ente:">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Polizze assicurative:</label>
									<div class="col-sm-9">
										<textarea type="textarea" class="form-control" align="justify" rows="4" disabled>INAL Gestione per conto dello Stato prevista dal combinato disposto dagli artt. 127 e 190 del T.U. INAIL (DPR N. 1124/65) e regolamentato dal D.M. 10.10.85; Infortuni posizione 261044627 Compagnia Generali Responsabilità Civile Terzi Compagnia Generali 261044624</textarea>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Obiettivi e modalità del tirocinio:</label>
									<div class="col-sm-9">
										<textarea type="textarea" class="form-control" align="justify" rows="4">
										</textarea>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Facilitazioni previste:">
									</div>
								</div>
								<div class="form-group-separator"></div>
								
							</form>
						</div>
					</div>
					
				</div>
			</div>
			
			<!-- Main Footer -->
			<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
			<!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
			<!-- Or class "fixed" to  always fix the footer to the end of page -->
			<footer class="main-footer sticky footer-type-1">
				
				<div class="footer-inner">
				
					<!-- Add your copyright text here -->
					<div class="footer-text">
						&copy;
						<a href="http://www.unisa.it" target="_blank"><strong>Unisa</strong> </a>
					</div>
					
					
					<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
					<div class="go-up">
					
						<a href="#" rel="go-top">
							<i class="fa-angle-up"></i>
						</a>
						
					</div>
					
				</div>
				
			</footer>
		</div>
		
	</div>
	
	<div class="modal fade" id="modalGestioneTirocinioANDPlacementAmministratore">
		<div class="modal-dialog">
			<div class="modal-content">
				
				<div class="modal-header">
					<center><h4 class="modal-title">Rifiutare la domanda di tirocinio.</h4></center>
				</div>
				
				<div class="modal-body">
				
					<div class="row">
						<div class="col-md-6">
							
							<div class="form-group">
								<label for="serialNumberModalForReject" class="control-label">Matricola</label>
								
								<input type="text" id="serialNumberModalForReject" class="form-control" disabled>
							</div>	
							
						</div>
						
						<div class="col-md-6">
							
							<div class="form-group">
								<label for="nameANDsurnameModalForReject" class="control-label">Nominativo</label>
								
								<input type="text" id="nameANDsurnameModalForReject" class="form-control" disabled>
							</div>	
						
						</div>
					</div>
				
					<div class="row">
						<div class="col-lg-6">
							<div class="xe-widget xe-todo-list">
								<div class="xe-header">
									<center><h4 class="title"><strong>Errori</strong> riscontrati.</h4></center>
								</div>
								<div class="xe-body">
									<ul class="list-unstyled">
										<li>
											<label>
												<input type="checkbox" id="cvDocumentError"class="cbr"/>
												<span>CV</span>
											</label>
										</li>
										<li>
											<label>
												<input type="checkbox" id="esDocumentError" class="cbr"/>
												<span>Esami Svolti</span>
											</label>
										</li>
										<li>
											<label>
												<input type="checkbox" id="cfuNotFoundError" class="cbr" />
												<span>CFU mancanti</span>
											</label>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<script>
							jQuery(document).ready(function($){
								$("#mandalo").click(function(){
									var stringCVError = "";
									var stringESError = "";
									var stringCFUNotFoundError = "";
									
									if($("#cvDocumentError").is(":checked")){
										stringCVError = "CV: Documento errato;";
									}
									
									if($("#esDocumentError").is(":checked")){
										stringESError = "Esami svolti: Documento errato;";
									}
									
									if($("#cfuNotFoundError").is(":checked")){
										stringCFUNotFoundError = "CFU mancanti;";
									}
									
									var stringTextareaDescriptionError = $("#textareaDescriptionError").val();
									alert(stringCFUNotFoundError+" "+stringESError+" "+stringCVError+" "+stringTextareaDescriptionError);	
								});
							});
						</script>
						<div class="col-lg-6">
							<div class="form-group no-margin">
								<label for="textareaDescriptionError" class="control-label">Descrizione errore:</label>
								<textarea class="form-control autogrow" id="textareaDescriptionError"></textarea>
							</div>	
						</div>
					</div>
				</div>
				
				<div class="modal-footer">
					<center>
						<button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
						<button type="button" id="mandalo" class="btn btn-info">Save changes</button>
					</center>
				</div>
			</div>
		</div>
	</div>

	<div class="page-loading-overlay">
		<div class="loader-2"></div>
	</div>

	
	<link rel="stylesheet" href="../../assets/js/datatables/dataTables.bootstrap.css">
	<link rel="stylesheet" href="../../assets/css/fonts/meteocons/css/meteocons.css">
	
	<!-- Bottom Scripts -->
	<script src="../../assets/js/bootstrap.min.js"></script>
	<script src="../../assets/js/TweenMax.min.js"></script>
	<script src="../../assets/js/resizeable.js"></script>
	<script src="../../assets/js/joinable.js"></script>
	<script src="../../assets/js/xenon-api.js"></script>
	<script src="../../assets/js/xenon-toggles.js"></script>
	<script src="../../assets/js/datatables/js/jquery.dataTables.js"></script>

	<!-- Imported scripts on this page -->
	<script src="../../assets/js/datatables/dataTables.bootstrap.js"></script>
	<script src="../../assets/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
	<script src="../../assets/js/datatables/tabletools/dataTables.tableTools.min.js"></script>
	
	<!-- Imported scripts on this page -->
	<script src="../../assets/js/xenon-widgets.js"></script>
	<script src="../../assets/js/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="../../assets/js/jvectormap/regions/jquery-jvectormap-world-mill-en.js"></script>

	<!-- JavaScripts initializations and stuff -->
	<script src="../../assets/js/xenon-custom.js"></script>

</body>
</html>